<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>华为列表页</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<link rel="stylesheet" type="text/css" href="./css/list.css"/>
	</head>
	<body>
				<!--顶部导航开始-->
		<div id="topnav">
			<div class="top_left">
				<ul>
					<li><a href="">华为官网</a>|</li>
					<li><a href="">华为荣耀</a>|</li>
					<li><a href="">EMUI</a>|</li>
					<li><a href="">应用市场</a>|</li>
					<li><a href="">云服务</a>|</li>
					<li><a href="">开发者联盟</a>|</li>
					<li><a href="">花粉俱乐部</a></li>
				</ul>
				
			</div>
			<div class="top_right">
				<ul>
					<li><a href=""><span>登陆</span></a></li>
					<li><a href=""><span>注册</span></a>|</li>
					<li><a href="">v码（优购码）</a>|</li>
					<li><a href="">手机版</a>|</li>
					<li><a href="">网站导航</a></li>
				</ul>
				
			</div>
		</div>
		<!--顶部导航结束-->
		<!--logo开始-->
		<div id="header">
			<div class="logo">
				<a href=""><img src="images/Logo.png"/></a>
			</div>
			<div class="search">
				<form action="" method="post">				
					<input type="text" name="" class="box" /><input class="button" type="submit" value="搜索"/>
				</form>
				<span>热门搜索：
					<a href="">荣耀7</a>
					<a href="">麦芒4</a>
					<a href="">华为p8</a>
					<a href="">指纹识别</a>
					<a href="">指纹识别</a>
					<a href="">指纹识别</a>
				</span>
			</div>
			<div class="shop">
				<div class="mall">
					我的商城
				</div><span>|</span>
				<div class="cart">
					我的购物车
				</div>
			</div>
			<div class="code">
				<a href=""><img width="75" src="images/code.jpg"/></a>
				<span id="">
					微信扫码关注我们
				</span>
			</div>
		</div>
		
		<div class="clean"></div>
		<!--logo结束-->
		<!--nav开始-->
		<div id="nav">
			<div class="all">
				<a href="">全部商品</a>
				<div class="leftsidebar">
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					<div class="category">
						<h3>手机</h3>
						<a href="">荣耀</a>
						<a href="">畅玩</a>
						<a href="">华为</a>
						<a href="">华为</a>
						<div class="subtitle">
							<h4><a href="">荣耀</a></h4>
							<h4><a href="">畅玩</a></h4>
							<h4><a href="">华为</a></h4>
							<h4><a href="">华为</a></h4>
							
						</div>
					</div>
					
					
				</div>
			</div>
			<ul>
				<li class="bg"><a href="">首页</a></li>
				<li><a href="">HUAWEI Mate S</a></li>
				<li><a href="">荣耀 7i</a></li>
				<li><a href="">华为 G7 Plus</a></li>
				<li><a href="">荣耀家族</a></li>
				<li><a href="">荣耀7</a></li>
				<li><a href="">华为 P8</a></li>
			</ul>
		</div>
		<!--nav结束-->
	<!--内容-->
	
	   <!--分类导航开始-->
	<div id="subnav">
		<h1><a class="last" href="">首页</a>&gt;<a href="">手机</a></h1>
		<div class="cate">
			<div class="cates">
				分类：<a href=""><span >全部</span></a><a href="">荣耀</a><a href="">畅玩</a>
			</div>
			<div class=" sort">
				<span>排序：</span><a href=""><span>默认</span></a><a href="">价格<i class="i1"></i></a><a href="">评价数<i class="i2"></i></a><a href="">上架时间<i class="i3"></i></a>
			</div>
		</div>
	</div>
		<!--分类导航结束-->
		<div class="clean">
			
		</div>
		<!--分类内容-->
	<div id="catemain">
	  <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  
    	  <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

      <div class="mp">
		<div class="mainphone">
			<a href=""><img src="images/428_428_sdvv.jpg"/></a>
			<p><a href="">Mate S 移动/联通双4G版（极昼金）<span>9月2日23:00开始预约, 订金预约用户限量赠降噪耳机</span></a></p>
			<h1>暂无报价</h1>
			<div class="notice">
				<div class="goods ">
					<a href="">到货通知</a>
				</div>
				<div class="eval">
					<a href="">0人评价</a>
				</div>
			</div>
			
		</div>
	  </div>  

	</div>	
		
		
		
		<!--分类内容结束-->	
	<!--内容结束-->	
<!--底部开始-->
  <!--服务-->
  <div class="clean"></div>
  <div id="service">
  	<ul>
  		<li><span></span> 500强企业 品质保证</li>
  		<li><span class="conf1"></span> 7天退货 15天换货</li>
  		<li><span class="conf2"></span> 100元起免运费</li>
  		<li style="margin-right: 0;"><span class="conf3"></span> 448家维修网点 全国联保</li>
  	</ul>
  </div>
  <!--服务结束-->
  <!--帮助中心-->
  <div id="help">
  	<ul class="help">
  		<h1><span></span> 帮助中心</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="sever">
  		<h1><span></span> 售后服务</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="tech">
  		<h1><span></span> 技术支持</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="about">
  		<h1><span></span> 关于商城</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	<ul class="Focus">
  		<h1><span></span> 关注我们</h1>
  		<li><a href="">购物指南</a></li>
  		<li><a href="">配送方式</a></li>
  		<li><a href="">支付方式</a></li>
  		<li><a href="">常见问题</a></li>
  	</ul>
  	
  </div>
  <!--帮助中心-->
  <!--友情链接-->
  <div id="link">
  	友情链接：<a href="">华为官网</a>|<a href="">华为消费者业务 </a>|<a href="">荣耀官网  </a>|<a href=""> 天天浏览器 </a>|<a href="">  莫塞尔商城</a>|<a href="">  爱旅官网 </a>|<a href="">  华为应用市场 </a>|<a href=""> 万表网  </a>|<a href="">手机之家</a>|<a href="">  中商情报网 </a>|<a href="">  钻石小鸟 </a>|<a href=""> 刷机精灵 </a>|<a href=""> 安卓市场 </a>|<a href=""> 优购物官网 </a>|<a href="">  移动叔叔 </a>|<a href=""> 奥特莱斯 </a>|<a href=""> 中关村商城 </a>|<a href=""> 酷狗音乐 </a>| 
  	
  		<a href=""><span style="color:#FF0000 ;"> 申请链接 >></span></a>
</div>
<!--友情链接-->
<h6>Copyright © 2011-2015 华为软件技术有限公司 版权所有 保留一切权利 苏B2-20130048号 | 苏ICP备09062682号-9 </h6>
<h2><a href="">网络文化经营许可证苏网文[2012]0401-019号</a></h2>
<h5><a href=""><img src="images/certificate_01.png"/></a><a href=""><img src="images/certificate_02.png"/></a><a href=""><img src="images/certificate_03.png"/></a></h5>
<!--底部结束-->		
		
		
	</body>
</html>
